/**
 * This is structure and layout styling for the Torchd Framework User Interface module
 * 
 * All actual presentation styling is done with theming by the end user.
 *
 * @package Torchd Framework
 * @subpackage UI
 * @author Jason Raede <jason@torchdm.com>
 */

/** RESET */
.torchd-ui div, .torchd-ui dl, .torchd-ui dt, .torchd-ui dd, .torchd-ui ul, .torchd-ui ol, .torchd-ui li, .torchd-ui h1, .torchd-ui h2, .torchd-ui h3, .torchd-ui h4, .torchd-ui h5, .torchd-ui h6, .torchd-ui pre, .torchd-ui code, .torchd-ui form, .torchd-ui fieldset, .torchd-ui legend, .torchd-ui input, .torchd-ui button, .torchd-ui textarea, .torchd-ui p, .torchd-ui blockquote, .torchd-ui th, .torchd-ui td{margin:0;padding:0;} .torchd-ui table{border-collapse:collapse;border-spacing:0;} .torchd-ui fieldset, .torchd-ui img{border:0;} .torchd-ui address, .torchd-ui caption, .torchd-ui cite, .torchd-ui code, .torchd-ui dfn, .torchd-ui em, .torchd-ui strong, .torchd-ui th, .torchd-ui var, .torchd-ui optgroup{font-style:inherit;font-weight:inherit;} .torchd-ui del, .torchd-ui ins{text-decoration:none;} .torchd-ui li{list-style:none;} .torchd-ui caption, .torchd-ui th{text-align:left;} .torchd-ui h1, .torchd-ui h2, .torchd-ui h3, .torchd-ui h4, .torchd-ui h5, .torchd-ui h6{font-size:100%;font-weight:normal;} .torchd-ui q:before, .torchd-ui q:after{content:'';} .torchd-ui abbr, .torchd-ui acronym{border:0;font-variant:normal;} .torchd-ui sup{vertical-align:baseline;} .torchd-ui sub{vertical-align:baseline;} .torchd-ui legend{color:#000;} .torchd-ui input, .torchd-ui button, .torchd-ui textarea, .torchd-ui select, .torchd-ui optgroup, .torchd-ui option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} .torchd-ui input, .torchd-ui button, .torchd-ui textarea, .torchd-ui select{*font-size:100%;}

/** DIALOG */
.torchd-ui-dialog {
	position:fixed;
	top:50%;
	left:50%;
	overflow-y:auto;
	overflow-x:hidden;
	z-index:9999;
}

.torchd-ui-mask {
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	z-index:9998;
	background:url(images/transparent_80.png) repeat;
}

/** MENU */
ul.torchd-ui-menu {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:40px;
	margin:0px;
	z-index:101;
	padding:0px;
	
}

ul.torchd-ui-menu li {
	padding:0px 25px;
	display:block;
	float:left;
	text-align:center;
	position:relative;
	height:40px;
	margin:0px;
	line-height:20px;
}


ul.torchd-ui-menu li ul {
	position:absolute;
	left:0px;
	display:none;
	text-align:left;
}

ul.torchd-ui-menu li.torchd-ui-menu-tab {
	line-height:40px;
}

ul.torchd-ui-menu li.torchd-ui-menu-tab:hover, ul.torchd-ui-menu li.torchd-ui-menu-tab.selected {
	cursor:pointer;
	background:#3a3a3a;
	color:white;
}

ul.torchd-ui-menu li.torchd-ui-menu-tab ul li {
	text-align:left;
	line-height:20px;
	font-size:13px;
	padding:3px 15px 3px 15px;
	white-space:pre;
	display:block;
	float:none;
	height:auto;
	color:black;
	
}

ul.torchd-ui-menu li.torchd-ui-menu-tab ul li:hover {
	background:#3a3a3a;
	color:white;
	cursor:pointer;
}

ul.torchd-ui-menu li.torchd-ui-menu-tab ul li:hover ul {
	display:block;
}

ul.torchd-ui-menu li.torchd-ui-menu-tab ul li ul {
	position:absolute;
	left:100%;
	top:-5px;
}

ul.torchd-ui-menu li.torchd-ui-menu-tab ul li.disabled {
	color:#ccc;
	font-weight:100;
}

ul.torchd-ui-menu li.torchd-ui-menu-tab ul li.disabled:hover {
	background:inherit;
	cursor:default;
}



ul.torchd-ui-menu .torchd-ui-menu-arrow {
	display:block;
	float:right;
	margin-left:20px;
	width:15px;
	text-align:right;
}


/** TOOLTIP */

.torchd-ui-tooltip {
	position:absolute;
	display:block;
	width:252px;
	height:138px;
	background:black;
	color:white;
	z-index:100;
	padding:25px;
}


.torchd-ui-tooltip-placement-ne {
	background:url(images/tooltip-ne.png) no-repeat;
}	